body,html{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.Section_top{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-image: url(images/image.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    justify-content: center;
    animation: change 20s infinite ease-in-out;
}

@keyframes change{
    0%
    {
        background-image: url(../images/bannner1.jpg);
    }
    20%
    {
        background-image: url(../images/Bannner2.jpg);
    }
    40%
    {
        background-image: url(../images/bannner3.jpg);
    }
    60%
    {
        background-image: url(../images/Bannner4.jpg);
    }
    80%
    {
        background-image: url(../images/bannner5.jpg);
    }
    100%
    {
        background-image: url(../images/bannner1.jpg);
    }
}